import { FC } from "react";
import { Tabs } from "antd";
import { AppstoreAddOutlined, BarsOutlined } from "@ant-design/icons";
import ComponentLib from "./components/ComponentLib";
import Layers from "./components/Layers";
const LeftPanel: FC = () => {
  const tabsItems = [
    {
      key: "componentLib",
      label: (
        <span>
          <AppstoreAddOutlined className="pr-2" />
          组件库
        </span>
      ),
      children: (
        <div className=" h-163 overflow-y-auto">
          <ComponentLib />
        </div>
      ),
    },
    {
      key: "layers",
      label: (
        <span>
          <BarsOutlined className="pr-2" />
          图层
        </span>
      ),
      children: (
        <div className=" h-163 overflow-y-auto">
          <Layers />
        </div>
      ),
    },
  ];
  return <Tabs defaultActiveKey="componentLib" items={tabsItems}></Tabs>;
};

export default LeftPanel;
